<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" 
    "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<ui:composition xmlns="http://www.w3.org/1999/xhtml"
	xmlns:ui="http://java.sun.com/jsf/facelets"
	xmlns:h="http://java.sun.com/jsf/html"
	xmlns:f="http://java.sun.com/jsf/core"
	xmlns:p="http://primefaces.org/ui"
	template="../../../WEB-INF/plantilla/defecto.xhtml">
	<ui:define name="titulo">Diferencias por operador log&#237;stico</ui:define>
	<ui:define name="contenido">
		<h1>Diferencias por operador log&#237;stico</h1>
		<h:form>
			<!-- <p:panel header="Criterios de b&#250;squeda" toggleable="true"> -->
			<p:accordionPanel>
				<p:tab title="Criterios de b&#250;squeda">
					<div class="filas">
						<div class="tercio">
							<div class="completo">
								<div class="tercio">
									<h:outputLabel for="txtNumInspeccion" value="Nº inspecci&#243;n:" />
								</div>
								<div class="dostercios">
								  <div class="input">
									<p:inputText id="txtNumInspeccion" />
								  </div>
								  <div class="tooltip">
									<h:graphicImage id="imgNumInspeccion"
										url="../../../presentacion/images/help.png"></h:graphicImage>
									<p:tooltip for="imgNumInspeccion" value="Nº inspecci&#243;n" />
								   </div>
								</div>
								<p:message for="txtNumInspeccion" />
							</div>

							<div class="completo">
								<div class="tercio">
									<h:outputLabel for="cboTipoNoConformidad"
										value="Tipo no conformidad:" />
								</div>
								<div class="dostercios">
								  <div class="combo">
									<p:selectOneMenu id="cboTipoNoConformidad" styleClass="selectOneMenu">
										<f:selectItem itemLabel="Todos" itemValue="" />
										<f:selectItem itemLabel="Option 1" itemValue="1" />
										<f:selectItem itemLabel="Option 2" itemValue="2" />
										<f:selectItem itemLabel="Option 3" itemValue="3" />
									</p:selectOneMenu>
									</div>
								  <div class="tooltip">
									<h:graphicImage id="imgTipoNoConformidad"
										url="../../../presentacion/images/help.png"></h:graphicImage>
									<p:tooltip for="imgTipoNoConformidad"
										value="Tipo no conformidad" />
								   </div>
								</div>
								<p:message for="cboTipoNoConformidad" />
							</div>

							<div class="completo">
								<div class="tercio">
									<h:outputLabel for="cboEstadoNoConformidad"
										value="Estado no conformidad:" />
								</div>
								<div class="dostercios">
								  <div class="combo">
									<p:selectOneMenu id="cboEstadoNoConformidad" styleClass="selectOneMenu">
										<f:selectItem itemLabel="Todos" itemValue="" />
										<f:selectItem itemLabel="Option 1" itemValue="1" />
										<f:selectItem itemLabel="Option 2" itemValue="2" />
										<f:selectItem itemLabel="Option 3" itemValue="3" />
									</p:selectOneMenu>
									</div>
									<div class="tooltip">
									<h:graphicImage id="imgEstadoNoConformidad"
										url="../../../presentacion/images/help.png"></h:graphicImage>
									<p:tooltip for="imgEstadoNoConformidad"
										value="Estado no conformidad" />
									 </div>
								</div>
								<p:message for="cboEstadoNoConformidad" />
							</div>
						</div>
						<div class="tercio">
							<div class="completo">
								<div class="tercio">
									<h:outputLabel for="txtCodProducto" value="C&#243;digo producto:" />
								</div>
								<div class="dostercios">
								  <div class="input">
									<p:inputText id="txtCodProducto" />
								  </div>
								  <div class="tooltip">
									<h:graphicImage id="imgCodProducto"
										url="../../../presentacion/images/help.png"></h:graphicImage>
									<p:tooltip for="imgCodProducto" value="C&#243;digo producto" />
								  </div>
								</div>
								<p:message for="txtCodProducto" />
							</div>

							<div class="completo">
								<div class="tercio">
									<h:outputLabel for="cboGestorSG" value="Gestor SG:" />
								</div>
								<div class="dostercios">
								  <div class="combo">
									<p:selectOneMenu id="cboGestorSG" styleClass="selectOneMenu">
										<f:selectItem itemLabel="Todos" itemValue="" />
										<f:selectItem itemLabel="Option 1" itemValue="1" />
										<f:selectItem itemLabel="Option 2" itemValue="2" />
										<f:selectItem itemLabel="Option 3" itemValue="3" />
									</p:selectOneMenu>
								  </div>
								  <div class="tooltip">
									<h:graphicImage id="imgGestorSG"
										url="../../../presentacion/images/help.png"></h:graphicImage>
									<p:tooltip for="imgGestorSG" value="Gestor SG" />
								  </div>
								</div>
								<p:message for="cboGestorSG" />
							</div>
							<div class="completo">
								<div class="tercio">
									<h:outputLabel for="txtFechaInicio" value="Fecha de inicio:" />
								</div>
								<div class="dostercios">
								<div class="input">
									<p:calendar id="txtFechaInicio" locale="es" pattern="dd/MM/yyyy" onkeypress="agregarSlash(this);"/>
								   </div>
								   <div class="tooltip">
									<h:graphicImage id="imgFechaInicio"
										url="../../../presentacion/images/help.png"></h:graphicImage>
									<p:tooltip for="imgFechaInicio" value="Fecha de inicio" />
								    </div>
								</div>
								<p:message for="txtFechaInicio" />
							</div>
						</div>

						<div class="tercio">

							<div class="completo">
								<div class="tercio">
									<h:outputLabel for="txtProducto" value="Producto:" />
								</div>
								<div class="dostercios">
								  <div class="input">
									<p:inputText id="txtProducto" />
								  </div>
								  <div class="tooltip">
									<h:graphicImage id="imgProducto"
										url="../../../presentacion/images/help.png"></h:graphicImage>
									<p:tooltip for="imgProducto" value="Producto" />
								  </div>
								</div>
								<p:message for="txtProducto" />
							</div>

							<div class="completo">
								<div class="tercio">
									<h:outputLabel for="cboOpeLog" value="Ope. log:" />
								</div>
								<div class="dostercios">
								  <div class="combo">
									<p:selectOneMenu id="cboOpeLog" styleClass="selectOneMenu">
										<f:selectItem itemLabel="Todos" itemValue="" />
										<f:selectItem itemLabel="Option 1" itemValue="1" />
										<f:selectItem itemLabel="Option 2" itemValue="2" />
										<f:selectItem itemLabel="Option 3" itemValue="3" />
									</p:selectOneMenu>
									</div>
									<div class="tooltip">
									<h:graphicImage id="imgOpeLog"
										url="../../../presentacion/images/help.png"></h:graphicImage>
									<p:tooltip for="imgOpeLog" value="Ope. log" />
									</div>
								</div>
								<p:message for="cboOpeLog" />
							</div>

							<div class="completo">
								<div class="tercio">
									<h:outputLabel for="txtFechaFin" value="Fecha de fin:" />
								</div>
								<div class="dostercios">
								  <div class="input">
									<p:calendar id="txtFechaFin" locale="es" pattern="dd/MM/yyyy" onkeypress="agregarSlash(this);"/>
									</div>
									<div class="tooltip">
									<h:graphicImage id="imgFechaFin"
										url="../../../presentacion/images/help.png"></h:graphicImage>
									<p:tooltip for="imgFechaFin" value="Fecha de fin" />
								    </div>
								</div>
								<p:message for="txtFechaFin" />
							</div>
						</div>
					</div>
					<div class="boton">
						<p:commandButton value="Buscar" icon="ui-icon-search" />
						
						<p:commandButton value="Exportar" icon="ui-icon-disk" />
					</div>
					<div style="clear: both;"></div>
					<!-- </p:panel> -->
				</p:tab>
			</p:accordionPanel>
<div class="scrollTabla">
			<p:dataTable paginator="true" paginatorPosition="bottom" rows="10"
				style="width: 100%" var="reporte"
				value="#{reporteDiferenciaService.lstReporteDiferencia}">
				<p:column styleClass="operador">
					<f:facet name="header">
						<h:outputText value="Ope. Log."  />
					</f:facet>
					<h:outputText value="#{reporte.sOpeLog}" />
				</p:column>

				<p:column styleClass="usuario">
					<f:facet name="header">
						<h:outputText value="Ges. inspecci&#243;n" 
							title="Gestor inspecci&#243;n" />
					</f:facet>
					<h:outputText value="#{reporte.sGesInspeccion}" />
				</p:column>

				<p:column styleClass="codigo">
					<f:facet name="header">
						<h:outputText value="Nº inspecci&#243;n" 
							title="N&#250;mero inspecci&#243;n" />
					</f:facet>
					<h:outputText value="#{reporte.sNumInspeccion}" />
				</p:column>

				<p:column styleClass="codigo">
					<f:facet name="header">
						<h:outputText value="Cod. pro. BBVA" 
							title="C&#243;digo producto BBVA" />
					</f:facet>
					<h:outputText value="#{reporte.sCodProBBVA}" />
				</p:column>

				<p:column styleClass="codigo">
					<f:facet name="header">
						<h:outputText value="Cod. prod. ope. log" 
							title="C&#243;digo producto operador" />
					</f:facet>
					<h:outputText value="#{reporte.sCodProOperador}" />
				</p:column>
				<p:column styleClass="producto">
					<f:facet name="header">
						<h:outputText value="Producto"  />
					</f:facet>
					<h:outputText value="#{reporte.sProducto}" />
				</p:column>

				<p:column styleClass="cantidad">
					<f:facet name="header">
						<h:outputText value="Cantidad"  />
					</f:facet>
					<h:outputText value="#{reporte.iCantidad}" />
				</p:column>

				<p:column styleClass="tipoNoConformidad">
					<f:facet name="header">
						<h:outputText value="Tip. no conf." 
							title="Tipo no conformidad" />
					</f:facet>
					<h:outputText value="#{reporte.sTipNoConformidad}" />
				</p:column>

				<p:column styleClass="estado">
					<f:facet name="header">
						<h:outputText value="Est. no conf." 
							title="Estado no conformidad" />
					</f:facet>
					<h:outputText value="#{reporte.sEstNoConformidad}" />
				</p:column>
				<p:column styleClass="fechaHora">
					<f:facet name="header">
						<h:outputText value="Fec. ini. ges. de dif" 
							title="Fecha inicio gesti&#243;n de dif" />
					</f:facet>
					
					<h:outputText value="#{reporte.sFecIniGestion}" />
				</p:column>
				<p:column styleClass="fechaHora">
					<f:facet name="header">
						<h:outputText value="Fec. fin ges. de dif" 
							title="Fecha fin gesti&#243;n de dif" />
					</f:facet>
					<h:outputText value="#{reporte.sFecFinGestion}" />
				</p:column>
	           <f:facet name="footer">  
          			 Total registros #{fn:length(reporteDiferenciaService.lstReporteDiferencia)}  
        		</f:facet>
			</p:dataTable>
</div>
			<div style="clear: both;"></div>
		</h:form>


	</ui:define>

</ui:composition>